<ion-view view-title="{{viewTitle}}">
    <ion-content>
        <button class="button button-block button-outline button-royal" ng-click="$ctrl.showModal()"> Modal</button>

        <script id="templates/modal.tpl.html" type="text/ng-template">
            <ion-modal-view>
                <ion-header-bar class="bar bar-header bar-positive">
                    <h1 class="title">New Contact</h1>
                    <button class="button button-clear button-primary" ng-click="modal.hide()">Cancel</button>
                </ion-header-bar>
                <ion-content class="padding">
                    <div class="list">
                        <label class="item item-input">
                            <span class="input-label">First Name</span>
                            <input ng-model="newUser.firstName" type="text">
                        </label>
                        <label class="item item-input">
                            <span class="input-label">Last Name</span>
                            <input ng-model="newUser.lastName" type="text">
                        </label>
                        <label class="item item-input">
                            <span class="input-label">Email</span>
                            <input ng-model="newUser.email" type="text">
                        </label>
                        <button class="button button-full button-positive" ng-click="createContact(newUser)">Create</button>
                    </div>
                </ion-content>
            </ion-modal-view>
        </script>
    </ion-content>
</ion-view>